<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!-- <!DOCTYPE html> -->
<html lang="en">
<head>
<meta charset="UTF-8">
<title>软件分享系统</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
<script src="js/jquery-3.3.1.js"></script>
<script src="js/bootstrap.min.js"></script>
<style>
th {
	text-align: center !important;
}

.r {
	float: right;
	margin-right: 20px;
}

.tm {
	margin-left: 3px;
}

.w { width: 150px;margin:0 25px;}
</style>
</head>
<body class="bg-success">

	<div class="row">
		<div class="col-md-2"></div>
		<div class="col-md-10"><h1 style="letter-spacing:5px;">欢迎来到软件分享系统</h1></div>
	</div>
	<div class="row">
		<div class="col-md-2"></div>
		<div class="col-md-8">
			<!-- 导航 -->
			<nav class="navbar navbar-default" role="navigation">
				<div class="container-fluid">
					<div class="navbar-header">
						<button type="button" class="navbar-toggle" data-toggle="collapse"
							data-target="#example-navbar-collapse">
							<span class="sr-only">切换导航</span> <span class="icon-bar"></span>
							<span class="icon-bar"></span> <span class="icon-bar"></span>
						</button>
						<a class="navbar-brand" href="#">软件分享系统</a>
					</div>
					<div class="collapse navbar-collapse" id="example-navbar-collapse">
						<ul class="nav navbar-nav">
							<li class="active"><a href="/rjfxsys/software?method=getSoftwares2">软件信息</a></li>
							<li ><a href="/rjfxsys/comment?method=getComments2">评论信息</a></li>

						</ul>
						<ul class="nav navbar-nav navbar-right">
							<li class="dropdown"><a href="#" class="dropdown-toggle">${username}</a></li>
							<li class="dropdown"><a href="/rjfxsys/registration?method=logout"
								class="dropdown-toggle"> 退出 </a></li>
						</ul>
					</div>
				</div>
			</nav>

		</div>
		<div class="col-md-2"></div>
	</div>


	<div class="row">
		<div class="col-md-3"></div>
		<div class="col-md-6 text-center">
            
			<div class="form-horizontal">
			    <input id="id" type="hidden">
				<div class="form-group ">
					<label class="col-sm-2 control-label">评论用户ID</label>
					<div class="col-sm-10">
						<input class="form-control" value="${userid}"
							   id="userId" name="userId" type="text" placeholder="该输入评论用户ID">
					</div>
				</div>
				<div class="form-group ">
					<label class="col-sm-2 control-label">软件ID</label>
					<div class="col-sm-10">
						<input class="form-control"
							   id="softwareId" name="softwareId" type="text" placeholder="该输入软件ID">
					</div>
				</div>
				<div class="form-group ">
					<label class="col-sm-2 control-label">评论内容</label>
					<div class="col-sm-10">
						<div id="div1">
							<p>请输入评论内容</p>
						</div>
						<input type="hidden" class="form-control" id="content" name="content" rows="6"
								  placeholder="该输入评论内容">
					</div>
				</div>

				<div class="form-group ">
					<label class="col-sm-2 control-label">发布时间</label>
					<div class="col-sm-10">
						<input class="form-control" id="createDate" name="createDate"
							   type="date" placeholder="该输入发布时间">
					</div>
				</div>


			</div>

			<button type="button" class="btn btn-primary w" onclick="update()">保存</button>
              <a href="/rjfxsys/comment?method=getComments2"><button type="button" class="btn btn-primary w">返回</button></a>

		</div>
		<div class="col-md-4"></div>
	</div>



</body>

<script type="text/javascript" src="js/wangEditor.min.js"></script>
<script type="text/javascript">
	var E = window.wangEditor
	var editor = new E('#div1')
	console.log(editor)

	editor.config.uploadImgServer = '/rjfxsys/uploadServlet'
	// 配置服务器端地址
	/* editor.customConfig.debug = location.href.indexOf('wangeditor_debug_mode=1') > 0 */

	// 进行下文提到的其他配置

	editor.config.uploadImgTimeout = 30000   //默认10秒

	editor.config.uploadImgHooks = {
		before: function (xhr, editor, files) {
			// 图片上传之前触发
			// xhr 是 XMLHttpRequst 对象，editor 是编辑器对象，files 是选择的图片文件

			// 如果返回的结果是 {prevent: true, msg: 'xxxx'} 则表示用户放弃上传
			// return {
			//     prevent: true,
			//     msg: '放弃上传'
			// }
		},
		success: function (xhr, editor, result) {
			// 图片上传并返回结果，图片插入成功之后触发
			// xhr 是 XMLHttpRequst 对象，editor 是编辑器对象，result 是服务器端返回的结果
			console.log(777)
			console.log(result)
			/* alert("success:" + result); */
			/*  alert(eval('(' + result + ')')); */
		},
		fail: function (xhr, editor, result) {
			// 图片上传并返回结果，但图片插入错误时触发
			// xhr 是 XMLHttpRequst 对象，editor 是编辑器对象，result 是服务器端返回的结果
			//alert("fail：" + result);
		},
		error: function (xhr, editor) {
			// 图片上传出错时触发
			// xhr 是 XMLHttpRequst 对象，editor 是编辑器对象
		},
		timeout: function (xhr, editor) {
			// 图片上传超时时触发
			// xhr 是 XMLHttpRequst 对象，editor 是编辑器对象
		},

		// 如果服务器端返回的不是 {errno:0, data: [...]} 这种格式，可使用该配置
		// （但是，服务器端返回的必须是一个 JSON 格式字符串！！！否则会报错）
		customInsert: function (insertImg, result, editor) {
			// 图片上传并返回结果，自定义插入图片的事件（而不是编辑器自动插入图片！！！）
			// insertImg 是插入图片的函数，editor 是编辑器对象，result 是服务器端返回的结果

			// 举例：假如上传图片成功后，服务器端返回的是 {url:'....'} 这种格式，即可这样插入图片：
			console.log(result)
			var url = result.url
			// alert("customInsert:" + url)
			insertImg(url)

			// result 必须是一个 JSON 格式字符串！！！否则报错

		}
	}

	editor.create()

	// document.getElementById('btn1').addEventListener('click', function () {
	// 	// 读取 html
	// 	// alert(editor.txt.html());
	// 	$("#content").val(editor.txt.html());
	// }, false)
	//
	// document.getElementById('btn2').addEventListener('click', function () {
	// 	// 读取 text
	// 	// alert(editor.txt.text())
	// }, false)

	//渲染修改页面
	upd();
	function upd() {
		console.log(666)
		var ID = location.search.split("=")[1];
		console.log(ID)
		$("#softwareId").val(ID);
	}

	//修改数据
	function update() {
		var id = $("#id").val();
		var userId = $("#userId").val();
		var softwareId = $("#softwareId").val();
		var content = editor.txt.html();//$("#content").val();
		var createDate = $("#createDate").val();

		console.log();
		$.ajax({
			url : "/rjfxsys/comment?method=addComment",
			data : {
				id : id,
				userId : userId,
				softwareId : softwareId,
				content : content,
				createDate : createDate
			},
			type : "POST",
			success : function(data) {
				console.log(data);
				data = JSON.parse(data);
				if (data.msg == "ok") {
					alert("评论成功！");
					location.href = "/rjfxsys/comment?method=getComments2";
				} else {
					alert('评论失败！'
							+ (data.handle != 'undefind' ? data.handle : ""));
				}
			}
		})
	}
</script>
</html>